<template lang="html">
  <div class="bor_bot mar_bot10">
					<div class="more_wonderful">
						<p class="title"><img src="http://m.caissa.com.cn/static/images/more_jc.png"></p>
						<div style="overflow-y:auto;">
						<ul style="width: 210%;">
								<li v-for="item in morejincai_1"><a href="#">
									<img :src="item.actPicUrl"></a>
								</li>
						</ul>
						</div>
					</div>
				</div>
</template>

<script>
export default {
  props:['morejincai_1']
}
</script>

<style lang="css">
.more_wonderful {
  padding-bottom: 3%;
  overflow: hidden;
  background: #fff;
  /*border-bottom: #d1d0d1 solid 1px;*/
}
.more_wonderful p.title {
    display: block;
    text-align: center;
    padding: 5% 0px;
}
.more_wonderful p.title img {
    width: 60%;
    border: none;
    vertical-align: middle;
}
.more_wonderful ul {
    overflow: hidden;
    padding-left: 2%;
    width: 1200px;
}
.more_wonderful ul li {
    width: 150px;
    float: left;
    margin-right: 5px;
    height: 65px;
}
.more_wonderful ul li img {
    height: 65px;
    border: none;
    vertical-align: middle;
    width: 100%;
}
</style>
